<!DOCTYPE html>
<html lang="zh-CN">
<head>
    <meta charset="UTF-8">
    <meta name="viewport"
          content="width=device-width, user-scalable=no, initial-scale=1.0, maximum-scale=1.0, minimum-scale=1.0">
    <title>优惠券</title>
    <script>
        getRem(750, 50)
        window.onresize = function () {
            getRem(750, 50)
        };
        //用来设置html的font-size
        function getRem(pwidth, prem) {
            //获取html元素
            var html = document.getElementsByTagName("html")[0];
            //获取视窗宽度
            //下面的代码是为了考虑兼容性
            //在IE7、IE8、Firefox中，document.body.clientWidth以及 document.body.clientHeightzhi值为0，此时，可以使用 document.documentElement.clientHeight等代替。
            var oWidth = document.documentElement.clientWidth || document.body.clientWidth;
            html.style.fontSize = oWidth / pwidth * prem + "px";
        }
    </script>
    <link rel="stylesheet" href="lib/fa/css/font-awesome.min.css">
    <link rel="stylesheet" href="css/common.css">
    <link rel="stylesheet" href="css/gsproduct.css">
</head>
<body>

<div class="mmb_container">
    
    <!--头部-->
    <div class="header">
        <a href="javascript:history.go(-1);" class="fa fa-angle-left fl"></a>
        凑单品
        <div class="header_app fr"></div>
    </div>
    
    <!--内容-->
    <div class="content couponproduct-content">
        
        <div class="tab">
            <ul class="clearfix">
                <li data-id="1"><div class="title gsShop"><span>京东</span> <i class="fa fa-angle-up"></i></div></li>
                <li data-id="2"><div class="title gsArea"><span class="slice">华北</span> <i class="fa fa-angle-up"></i></div></li>
                <li data-id="3"><div class="title gsPrice">全部价格 <i class="fa fa-angle-up"></i></div></li>
            </ul>
            <span class="search fa fa-search"></span>
        </div>
        <div id="list1" class="list hide">
            <!--dig-->
        </div>
        <div id="list2" class="list hide">
            <!--dig-->
        </div>
        <div id="list3" class="list hide">
            <a class="active" href="javascript:;" data-id="{{}}"><b>全部价格</b><span class="fa fa-check fr"></span></a>
        </div>
        
        <div class="gsproduct-info">
            <ul class="clearfix">
                <!--dig-->
            </ul>
        </div>
    </div>

    <!--底部-->
    <div class="footer">
        <div class="back clearfix">
            <a class="">登录</a>
            <a class="">注册</a>
            <a class="fa fa-arrow-up">返回顶部</a>
        </div>
        <div class="mapp">
            <a href="">手机APP下载 慢慢买手机版</a> --掌上比价平台
            <div class="domain">www.mmbuy.com</div>
        </div>
    </div>

</div>

<!--tab-->
<script type="text/html" id="tabTpl">

</script>

<!--店铺-->
<script type="text/html" id="shopTpl">
    {{each result}}
    <a class="{{i==0?'active':''}}" href="javascript:;" data-id="{{$value.shopId}}"><b>{{$value.shopName}}</b><span class="fa fa-check fr"></span></a>
    {{/each}}
</script>

<!--区域-->
<script type="text/html" id="areaTpl">
    {{each result}}
    <a class="{{i==0?'active':''}}" href="javascript:;" data-id="{{$value.areaId}}"><b>{{$value.areaName}}</b><span class="fa fa-check fr"></span></a>
    {{/each}}
</script>

<!--全部价格-->
<script type="text/html" id="priceTpl">
    <a class="active" href="javascript:;" data-id="{{}}"><b>全部价格</b><span class="fa fa-check fr"></span></a>
</script>

<!--凑单商品列表-->
<script type="text/html" id="gsTpl">
    {{each result}}
    <li>
        <a href=""><img src="{{$value.productImg}}" alt=""></a>
        <p class="gsName">{{$value.productName}}</p>
        <p class="price">{{$value.productPrice}} <a href="javascript:;" class="addCart">去凑单</a></p>
    </li>
    {{/each}}
</script>

<script src="lib/zepto/zepto.min.js"></script>
<script src="js/utils.js"></script>
<script src="lib/artTemplate/template-web.js"></script>
<script src="lib/iscroll.js"></script>
<script src="js/gsproduct.js"></script>
</body>
</html>